<template>
	<view>
		<uv-checkbox-group :value="modelValue" :activeColor="activeColor" @change="changeChecked">
			<uv-checkbox :customStyle="{fontSize:'40rpx'}" labelColor="#333" :label="title" label-size="40rpx" :name="title"></uv-checkbox>
		</uv-checkbox-group>
	</view>
</template>

<script setup>
	const props = defineProps({
		size:{
			type:[String,Number],
			default:32
		},
		modelValue:{
			type:[Array],
			default:() => {
				return []
			}
		},
		title:{
			type:[String,Number],
			default:'我已阅读并同意以上贷款协议'
		},
		activeColor:{
			type:String,
			default:'#3EA6FF'
		}
	})
	const state = reactive({
		
	})
	const emit = defineEmits(['update:modelValue'])
	const changeChecked = (e) => {
		emit('update:modelValue',e)
	}
</script>

<style>

</style>